<!-- version = 0.10.0 -->
<!DOCTYPE html>
<html lang="cn">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <button id="connectButton" >Connect</button>
        <button id="disconnectButton" disabled>Disconnect</button>
        <div>
            <label for="message">Enter a message:
              <input type="text" id="message" placeholder="Message text"
                      inputmode="latin" size=60 maxlength=120 disabled>
            </label>
            <button id="sendButton" disabled>Send</button>
        </div>
        <div id="receivebox">
            <p>Messages received:</p>
        </div>

        <p>自己的candidate:</p>
        <p id="self_candidate_str" style="background-color:#00FFFF">等待candidate</p>
        <p>传入candidate输入区:</p>
        <textarea id="input_candidate_textarea"></textarea>
        <button id="confirm_input_candidate_btn">确认传入</button>
        <p id='iceConnectionState'>ice candi 状态:</p>
        <p id='ConnectionState'>pc连接状态:</p>
        <p>自己的description:</p>
        <p id="self_description_str" style="background-color:#C0C0C0">等待desc</p>
        <p>传入description输入区:</p>
        <textarea id="input_description_textarea"></textarea>
        <button id="confirm_input_description_btn">确认传入</button>
        <p id="descriptionState">desc状态:</p>

        <p id='log'>Log:</p>

        <script src="jquery-3.5.1.js"></script>
        <script src="log.js"></script>
        <script src="datachannel.js" ></script>
    </body>
</html>